﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="syndicate-content.aspx.cs" Inherits="syndicate_content" Title="Dang bai thoitrang.com" %>
<%@ Register Src="~/UserControls/left-syndicate.ascx" TagName="MenuLeft" TagPrefix="uc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentCss" runat="Server">
    <link href="css/syndicate.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/js_color_picker_v2.css" media="screen">
    <script language="javascript" type="text/javascript" src="js/js_color_picker_v2.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentFooter" runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentMenu" runat="Server">
    <uc:MenuLeft ID="MenuLeft1" runat="server" GroupId="1" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentMain" runat="Server">
    <div class="syndicate-wrap">
        <!--Syndicate-->
        <div class="syndicate">
            <p>
                Bạn sở hữu một website và rất quan tâm đến thời trang! Đây là cơ hội tốt nhất để
                bạn có thể đưa các thông tin thời trang mới nhất trên thế giới vào trang web của
                mình chỉ trong vòng 1 phút. Nếu bạn chỉ muốn liên kết đến chúng tôi, xin xem trang
                <a href="#">Liên kết đến ThoiTrang.</a></p>
            <p>
                <strong>Bước 1:</strong><br />
                Bạn chọn màu nền, màu chữ, chiều rộng, kiểu hiện thị và chủ đề cho thích hợp với
                trang web của bạn và bấm vào nút "Tạo mã" để tạo ra mã javascript cần thiết cho
                trang web của bạn.</p>
            <div class="script">
                <div class="group simple">
                    <div>
                        <label for="maunen">
                            Màu nền</label>
                        <input id="maunen" class="medium" name="rssbgcolor" type="text" value="#FFFFFF" />
                        <input class="colorpreview" type="text" readonly="" style="background-color: #FFFFFF"
                            onclick="showColorPicker(this,document.forms[0].rssbgcolor)" />
                    </div>
                    <div>
                        <label for="mauchu">
                            Màu chữ</label>
                        <input id="mauchu" class="medium" name="rssfontcolor" type="text" value="#000000" />
                        <input class="colorpreview" type="text" readonly="" style="background-color: #000000"
                            onclick="showColorPicker(this,document.forms[0].rssfontcolor)" />
                    </div>
                    <div>
                        <label for="chieurong">
                            Chiều rộng</label>
                        <input id="chieurong" class="medium" name="chieurong" type="text" value="160" />
                    </div>
                    <div>
                        <label for="layout">
                            Kiểu nội dung (layout)</label>
                        <select id="layout" class="medium" name="layout">
                            <option value="kieuchu">Kiểu chữ</option>
                            <option value="kieuhinh">Kiểu 1 hình và chữ</option>
                        </select>
                    </div>
                    <div>
                        <label for="loaichude">
                            Loại chủ đề</label>
                        <select id="loaichude" class="medium" name="loaichude">
                            <option value="tatcand">Tất cả nội dung</option>
                            <option value="theochude">Theo từng chử đề</option>
                        </select>
                    </div>
                    <div class="bottom-button">
                        <input class="submitbutton" name="commit" type="submit" value="Tạo mã" />
                    </div>
                </div>
            </div>
            <p>
                <strong>Bước 2:</strong><br />
                Copy/paste đoạn mã trong "Mã đăng bài thời trang" vào trong trang web của bạn (bạn
                có thể hiển thị những bài ThoiTrang ở bất cứ vị trí nào trong trang web của bạn).
                Save lại.</p>
            <div class="copy">
                <p class="fl">
                    <em>Mã đăng bài ThoiTrang</em></p>
                <p class="fr">
                    <a href="#">
                        <img src="images/btn_copy.gif" alt="thoi trang" width="48" height="13" /></a></p>
                <div class="copy-content clear">
                    <textarea id="noidung" class="medium" name="noidung" cols="28" rows="10"></textarea>
                </div>
                <p>
                    Xong, thế là từ nay bạn có thể ung dung truy cập những thông tin mới nhất về thời
                    trang thế giới từ website Thoitrang.com mà không phải làm thêm bất cứ việc gì. Các
                    bài viết sẽ được tự động update mỗi ngày. Sau đây là 2 mẩu layout sẽ được hiển thị
                    trên trang web của bạn, tựa bài và hình dưới đây chỉ là ví dụ.</p>
            </div>
            <div class="op fl">
                <p>
                    <strong>Ví dụ Kiểu chữ</strong></p>
                <hr class="twoline" />
                <p class="by">
                    cung cấp bởi <a href="#">ThoiTrang.com</a></p>
                <ul>
                    <li><a href="#">Bộ sưu tập áo khoác Hàn Quốc lịch lãm</a></li>
                    <li><a href="#">Đỏ là thu hút</a></li>
                    <li><a href="#">Bốc lửa với Shirley của Hollywood</a></li>
                    <li><a href="#">Rực rỡ bikini gợi cảm và táo bạo</a></li>
                    <li><a href="#">Giầy cao cổ "Trên cả tuyệt vời"</a></li>
                    <li><a href="#">Dây đeo cổ ngọc trai giá 205 ngàn đô</a></li>
                    <li><a href="#">Giúp bạn chăm sóc tóc tốt hơn</a></li>
                    <li><a href="#">Cách sấy tóc duỗi đúng cách</a></li>
                    <li><a href="#">Bạn muốn tóc xoăn hay bồng bềnh?</a></li>
                </ul>
            </div>
            <div class="op fr">
                <p>
                    <strong>Ví dụ Kiểu chữ</strong></p>
                <hr class="twoline" />
                <p class="by">
                    cung cấp bởi <a href="#">ThoiTrang.com</a></p>
                <p>
                    <a href="#">
                        <img src="images/samplerss2.jpg" alt="thoi trang" width="150" height="150" /></a></p>
                <ul>
                    <li><a href="#">Bộ sưu tập áo khoác Hàn Quốc lịch lãm</a></li>
                    <li><a href="#">Đỏ là thu hút</a></li>
                    <li><a href="#">Bốc lửa với Shirley của Hollywood</a></li>
                    <li><a href="#">Rực rỡ bikini gợi cảm và táo bạo</a></li>
                    <li><a href="#">Giầy cao cổ "Trên cả tuyệt vời"</a></li>
                    <li><a href="#">Dây đeo cổ ngọc trai giá 205 ngàn đô</a></li>
                    <li><a href="#">Giúp bạn chăm sóc tóc tốt hơn</a></li>
                    <li><a href="#">Cách sấy tóc duỗi đúng cách</a></li>
                    <li><a href="#">Bạn muốn tóc xoăn hay bồng bềnh?</a></li>
                </ul>
            </div>
            <div class="clear">
            </div>
        </div>
        <!--//Syndicate-->
    </div>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="ContentLeft" runat="Server">
</asp:Content>
